﻿.lr-workspace-page {
    position:relative;
    width:100%;
    padding-top:220px;
}
    .lr-workspace-page .head {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        padding: 5px 0;
    }

    .lr-workspace-page .banner {
        position: relative;
        width: 100%;
        height: 180px;
        background: url(images/welcomeBanner.jpg);
        background-size: 100% 100%;
        padding-top: 50px;
        border-bottom: 1px solid #ddf2fe;
    }

        .lr-workspace-page .banner > div {
            color: #3daafc;
            position: absolute;
            left: 10px;
        }

        .lr-workspace-page .banner .line1 {
            top: 50px;
            left: 25px;
            font-size: 18px;
        }

        .lr-workspace-page .banner .line2 {
            top: 75px;
            font-size: 24px;
            letter-spacing: 2px;
        }

        .lr-workspace-page .banner .line3 {
            top: 108px;
            font-size: 12px;
            border: 1px solid #3dabfc;
            border-radius: 5px;
            padding: 1px 5px;
        }

    .lr-workspace-page .news {
        position: relative;
        height: 30px;
        background-color:#fff;
    }
        .lr-workspace-page .news .left {
            margin-left: 10px;
            margin-right: 5px;
            padding-left: 2.5px;
            padding-right: 2.5px;
            border: 1px solid #3dabfc;
            color: #3dabfc;
            font-size: 12px;
            text-align: center;
        }
        .lr-workspace-page .news .middle {
            line-height: 30px;
            width: 70%;
            display: inline-block;
            color: #666;
            font-size: 12px;
        }
        .lr-workspace-page .news .right {
            display: inline-block;
            margin-top: 7.5px;
            margin-right: 0;
            float: right;
            margin-right: 2%;
            font-size: 8px;
            color: #999;
            padding-left: 10px;
            border-left: 1px solid #cbcbcb;
        }
    .lr-workspace-page .appbox {
        position: relative;
        width: 100%;
        background-color: #fff;
    }
    .lr-workspace-page .title {
        font-size: 14px;
        padding:10px;
    }
    .lr-workspace-page .applist {
        position:relative;
        padding: 10px 5px 0 5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
        .lr-workspace-page .applist:after {
            position: absolute;
            right: 5px;
            bottom: 0;
            left: 5px;
            height: 1px;
            content: '';
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
            background-color: #eee;
        }
        .lr-workspace-page .applist:last-child:after {
            height: 0px;
        }
    .lr-workspace-page .appitem {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding-bottom: 10px;
    }
        .lr-workspace-page .appitem > div{
            margin:auto;
            margin-bottom:5px;
            height: 45px;
            width: 45px;
            line-height: 45px;
            text-align: center;
            border-radius: 5px;
        }
        .lr-workspace-page .appitem i{
            color: #fff;
            font-size: 26px;
        }
        .lr-workspace-page .appitem > span {
            font-size: 12px;
            color: #666;
        }
